﻿/*html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/
body 
{
	margin:0;
	padding:0;
	
	font:14px/1.5 "Microsoft YaHei","宋体",Microsoft Sans Serif, Tahoma, Verdana, Arial;
    /*font:14px/1.5 Verdana,Microsoft Sans Serif,Arial;*/
	background:#f5f5f5;
}
input{ font:14px/1.5 "Microsoft YaHei","宋体",Microsoft Sans Serif, Tahoma, Verdana, Arial; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p
{
	padding:0;
	margin:0;
}
table,td,tr,th
{
	font-size:9pt;
}
a{ display:block; text-decoration:none; }
img
{
	vertical-align:top;
	border:0;
}
img.border
{
	border:1px solid #d4d4d4;
	padding:3px;
}
ol,ul,li,dl,dt,dd
{
	list-style:none;
	list-style-type:none;
}
h1,h2,h3,h4,h5,h6 
{
	font-size:9pt;
	font-weight:normal;
}
address,cite,code,em,th 
{
	font-weight:normal;
	font-style:normal;
}
div.clear,span.clear,p.clear,li.clear
{
	clear:both;
}
.pager { text-align:center; height:40px; line-height:37px; margin-top:20px; margin-bottom:5px; overflow:hidden; }
.pager a,.pager span{ height:37px; min-width:38px; display:inline-block;
                      border-radius:2px;
                      -moz-border-radius:2px;
                      -webkit-border-radius:2px;
                     }
.pager span.current{ border:solid 1px #fe8101; background:#FFA405; color:#fff; font-weight:bold;  }
.pager a{ margin-top:1px; border:solid 1px #c1c1c1; background:url(../images/pager-hover.jpg) repeat-x; text-decoration:none; color:#666; }
.pager a:hover{ border:solid 1px #908F8F; }
.pager a.next{ padding:0px 15px; }
.pager a.more{ border:solid 1px transparent; background:none; cursor:text; }
.pager a[disabled]{ display:none; }

.margin{ width:100%; min-width:1200px;}
.margin-width{ width:1180px; margin-left:auto; margin-right:auto; padding:0 10px; }
.margin-w{ width:1180px; margin-left:auto; margin-right:auto; }
.margin-h{ margin-top:20px; }
.margin-h15{ margin-top:15px; }
.margin-l{ margin-left:30px; }
.h80{ margin-left:80px; }
.red{ color:Red; }
.btn{ cursor:pointer; }
.btn.login{ padding:10px 20px; color:#ffffff; background:#ff9900; border:none; font-size:18px; }
.btn.login:hover{ background:#FFAE35; }
.btn.wait{ padding:10px 20px; color:#ccc; background:#f1f1f1; border:none; font-size:18px; cursor:wait; }

.ipt{ cursor:text; }
.ipt.text{ height:40px; background:#f1f1f1; border:none; padding:0 10px; font-size:14px; margin-top:-10px; }
.ipt.check{ margin-right:10px; cursor:pointer; }
.radius{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.radius.r5{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }



body,html{background:#ffffff; color:#333; }
a { color:#000; text-decoration:none; }
a:hover { color:#ff6600; text-decoration:underline; }
#header .logo { height:100px; }
#header .logo .i-logo { height:100px; float:left; width:600px; background:url(../images/logo.jpg) 0px 12px no-repeat; }
#header .logo .i-logo b{ margin-left:405px; font-size:22px; font-weight:100; line-height:77px; display:block; height:53px; margin-top:26px; border-left:solid 1px #ccc; color:#666; padding-left:15px; }
#header .logo .i-right { height:100px; float:right; }
#header .logo .i-right ul.global { margin-top:23px; float:right; }
#header .logo .i-right ul.global li { float:left; height:26px; width:150px; text-indent:50px; font-size:14px; line-height:26px; margin-left:15px; border:solid 1px #f1f1f1; color:#666; }
#header .logo .i-right ul.global li.cn { background:#fff url(../images/cn.jpg) no-repeat; }
#header .logo .i-right ul.global li.en { background:#fff url(../images/en.jpg) no-repeat; }
#header .logo .i-right ul.global li.jp { background:#fff url(../images/japan.jpg) no-repeat; }
#header .logo .i-right ul.global li.rus { background:#fff url(../images/rus.jpg) no-repeat; }
#header .logo .i-right div { padding-top:10px; width:500px; word-wrap:break-word;word-break:break-all; font-size:14px; line-height:16px; color:#990000; }
#header .logo .i-right p.tel-all { padding-top:10px; }
#header .logo .i-right p.tel-all b { font-family:'Century Gothic',Arial; font-weight:bold; color:#ff6600; }

#header #nav { width:100%; height:70px; background:#FF8000 url(../images/nav_back.jpg) no-repeat;}
#header #nav ul.navfirst li { float:left; font-size:16px; color:#ffffff; height:70px; line-height:70px; }
#header #nav ul.navfirst li a { padding:0px 20px; color:#ffffff; display:block; }
#header #nav ul.navfirst li a:hover { background:#FFC322; }
#header #nav ul.navfirst li.select { background:#FFC322; }
#body_0 #nav ul.navfirst li.hover_1 { background:#FFC322; }
#body_1 #nav ul.navfirst li.hover_2 { background:#FFC322; }
#body_2 #nav ul.navfirst li.hover_4 { background:#FFC322; }
#body_3 #nav ul.navfirst li.hover_3 { background:#FFC322; }
#body_4 #nav ul.navfirst li.hover_5 { background:#FFC322; }
#body_5 #nav ul.navfirst li.hover_6 { background:#FFC322; }
#body_6 #nav ul.navfirst li.hover_7 { background:#FFC322; }
#body_7 #nav ul.navfirst li.hover_8 { background:#FFC322; }
#body_8 #nav ul.navfirst li.hover_9 { background:#FFC322; }
#body_9 #nav ul.navfirst li.hover_10 { background:#FFC322; }

#header #nav .navnext { padding:20px 0px; background:url(../images/navnext.png); position:absolute; z-index:10; left:0px; display:none;}
#header #nav .navnext ul.sitemap { width:1180px; margin-left:auto; margin-right:auto;}
#header #nav .navnext ul.sitemap li { float:left; font-size:14px; color:#fff; list-style:square; padding-right:80px; line-height:24px; margin-left:30px;}
#header #nav .navnext ul.sitemap li a { color:#fff; padding:0px 0px; }
#header #nav .navnext ul.sitemap li a:hover { background:transparent; }
#header #nav .navnext ul.sitemap li dl { font-size:14px; color:#999; margin-top:10px; }
#header #nav .navnext ul.sitemap li dl dt { line-height:22px; }
#header #nav .navnext ul.sitemap li dl dt a { color:#fff; padding:0px 0px; }
#header #nav ul li.select .navnext { display:block; }

#banner{ height:400px; width:100%; overflow:hidden; }
#banner .banner-img{ position:absolute; }
#banner .banner-img li { height:400px; }
#banner .banner-img li a { width:100%; height:400px; display:block; cursor:pointer; }

#banner .banner-txt{ width:1180px; padding:0 10px; margin-left:auto; margin-right:auto; position:relative; text-align:right; height:380px;}
#banner .banner-txt .banner-nav{ width:100%; position:absolute; bottom:0;left:50%; margin-left:-120px; }
#banner .banner-txt .banner-nav li { float:left; width:50px; height:6px; margin-left:10px; cursor:pointer; background:#fff; }
#banner .banner-txt .banner-nav li.current { background:#990000; }

#banner .banner-txt .banner-desc{ padding:20px; background:url(../images/b_desc_back.png); color:#ffffff; }
#banner .banner-txt .banner-desc h1{ font-size:38px; line-height:50px; padding-top:120px;text-shadow:1px 2px 5px #888; }
    #banner .banner-txt .banner-desc h1 a { color:#fff; text-decoration:none; }
#banner .banner-txt .banner-desc p{ padding:10px 0; line-height:20px; }
#banner .banner-txt .banner-desc .btn-more a{ width:110px; height:30px; background:#00A2CA; color:#fff; font-size:14px; line-height:28px; text-indent:20px;
                                              border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
#banner .banner-txt .banner-desc .btn-more a:hover{ background:#008FB5; }
#banner .banner-txt .banner-desc .btn-more a b{ width:30px; height:30px; display:block; float:right; background:url(../images/ico.png) 0px -60px no-repeat; }

h1.title { font-size:28px; color:#ff6600; padding:15px 0; }
#carbon div.i-memo { padding:10px 0px; line-height:30px; padding-bottom:10px; background:#f5f5f5; margin-bottom:20px; font-size:14px; color:#666;
                  /* -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;*/  }
#carbon div.i-memo .margin-width { border-left:solid 1px #ccc; border-right:solid 1px #ccc; padding:0 15px; }
#carbon ul { margin-left:-20px; }
#carbon ul li { float:left; width:280px; height:330px; background:#fff; margin-left:20px; overflow:hidden; }
div.i-pic { width:280px; height:225px; }
div.i-pic.one { background:url(../images/carbon_1.jpg) no-repeat; }
div.i-pic.two { background:url(../images/carbon_2.jpg) no-repeat; }
div.i-pic.thr { background:url(../images/carbon_3.jpg) no-repeat; }
div.i-pic.flr { background:url(../images/carbon_4.jpg) no-repeat; }
div.i-back { width:280px; height:145px; position:relative; margin-top:-40px; z-index:1;
              filter:alpha(opacity=60);	-moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }
div.i-txt { width:280px; height:75px; position:absolute; margin-top:-145px; z-index:3; color:#fff; }
div.i-txt h1,div.i-txt h2 { margin:0 15px; font-size:18px; }
div.i-txt h1 { padding-top:5px; font-size:20px;}
div.i-txt h2 { text-align:right; padding:5px 0px; border-bottom:dotted 1px #fff; }
#carbon div.i-txt p { margin:0 15px; padding-top:5px; line-height:18px; }
div.i-back.one { background:#ff6600; }
div.i-back.two { background:#990000; }
div.i-back.thr { background:#009900; }
div.i-back.flr { background:#0099cc; }

#why .why-box { height:290px; background:#fff url(../images/why.jpg) center no-repeat; }
#why .why-box ul { padding-top:30px; padding-left:20px; }
#why .why-box ul li { line-height:40px; font-size:16px;}
#why .why-box ul li p{ line-height:40px; }
#why .why-box .btn-more { margin-top:25px; margin-left:20px;}
#why .why-box .btn-more a{ width:110px; height:30px; background:#ff8800; color:#fff; font-size:14px; line-height:28px; text-indent:20px;
                                              border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; }
#why .why-box .btn-more a:hover{ background:#FFC322; }

#products .products-box { background:#f5f5f5; padding:20px 0; }
#products .products-box ul { margin-left:-20px; }
#products .products-box ul li { float:left; width:280px; margin-left:20px; overflow:hidden; }
#products .products-box div.i-lipic {width:280px; height:190px;}
#products .products-box div.i-lipic img { width:280px; height:190px; }
#products .products-box div.i-txt {display:none;}
#products .products-box div.i-protitle { width:280px; height:36px; line-height:36px; text-align:center; border-top:solid 1px #d4d4d4; }

#about .about-box { height:280px; background:#f7f7f7; border:solid 1px #f5f5f5 ; padding:20px; }
#about .about-left, #about .about-right { float:left; }
#about .about-left { width:300px; padding-right:20px; }
#about .about-left p a.btn-more { width:110px; height:30px; background:#ff8800; color:#fff; font-size:14px; line-height:28px; text-indent:20px; 
                                  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; display:inline-block;}
#about .about-left p a.btn-more:hover { background:#FFC322; }
#about .about-right { width:818px; line-height:28px; color:#666; }

#news h1 { font-size:20px; padding-bottom:5px; border-bottom:solid 1px #ccc; }
#news .news-one,#news .news-two,#news .news-thr{ float:left; width:380px; margin-left:20px; }
#news .news-one {margin-left:0px;}
#news .news-box { padding:15px 0; border-bottom:dotted 1px #ccc; }
#news .news-pic, #news .news-title { float:left; }
#news .news-pic { width:135px; }
#news .news-title { width:240px; }
#news .n-title { color:#ff8800; line-height:18px; padding-bottom:5px; }
#news .n-content { font-size:12px; color:#999; line-height:16px; }
#news ul { margin-left:15px; padding-top:5px; }
#news ul li { list-style:disc; color:#ff8800; line-height:28px; }
#news ul li a { color:#333; }
#news p a.btn-more { margin-top:10px; width:90px; height:20px; background:#ff8800; color:#fff; font-size:12px; line-height:18px; text-indent:20px; 
                                  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}
#news p a.btn-more:hover { background:#FFC322; }

#footer{ margin-top:40px; border-top:solid 5px #ccc; background:#f3f3f3; padding:50px 0; }
#footer ul.sitemap { margin-left:10px; }
#footer ul.sitemap li { float:left; font-size:14px; color:#333; list-style:square; padding-right:50px; }
#footer ul.sitemap li dl { font-size:12px; color:#999; margin-top:10px; }
#footer ul.sitemap li dl dt { line-height:18px; }
#footer ul.sitemap li dl dt a { color:#999; }
#footer .follow h1 { font-size:16px; padding-top:10px; }
#footer .fo-left, #footer .fo-right { width:50%; float:left; }
#footer .fo-left ul { margin-top:20px; }
#footer .fo-left ul li {float:left; margin-right:20px;}

span.ico { width:28px; height:28px; display:block; background:url(../images/sprite-social.png) -1000px no-repeat; }
span.ico.f { background-position:0px 0px; }
span.ico.i { background-position:-44px 0px; }
span.ico.t { background-position:-90px 0px; }
span.ico.g { background-position:-136px 0px; }
span.ico.you { background-position:-176px 0px; }

#footer .fo-right h1 { text-align:right; }
#footer .fo-right .so-box { margin-top:20px; float:right; }
#footer .fo-right input.ipt { float:left; border:solid 1px #ccc; width:380px; height:20px; padding:5px; line-height:14px; color:#ccc; }
#footer .fo-right input.btn { float:left; position:relative; margin-left:-80px; width:80px; height:32px; text-align:center; border:none; background:#ff8800; font-size:14px; color:#fff; }
#footer .copy {border-top:solid 1px #d4d4d4; text-align:center; margin-top:30px; padding-top:30px; font-size:12px; color:#666;}
#footer .copy a { display:inline-block;}


/*---other-pages---*/
.ban { height:121px; }
.ban .margin-width { line-height:120px; font-size:28px; color:#ff6600; text-indent:15px; }

#pro .pro-left, #pro .pro-right { float:left; }
#pro .pro-left { width:270px; margin-right:30px; }
ul.pro-list { width:100%; background:#f3f3f3; padding-bottom:15px; }
ul.pro-list li.one-title { height:60px; line-height:60px; text-indent:55px; font-size:18px; background:url(../images/l_title.jpg) no-repeat; color:#ff6600; padding-bottom:15px; }
ul.pro-list li.pro-on a { text-indent:35px; background:url(../images/dian.jpg) 20px center no-repeat; line-height:30px; font-weight:bold; color:#333; font-size:14px; }
ul.pro-list li.pro-on dl { margin-left:20px; }
ul.pro-list li.pro-on dl dt a ,ul.pro-list li.pro-on dl dd a { font-weight:100; color:#666; background:none; line-height:20px; }
ul.pro-list li.pro-li { padding-left:20px; padding-right:10px; padding-bottom:10px; }
ul.pro-list li.pro-li a { text-indent:15px; background:url(../images/dian.jpg) left 7px no-repeat; line-height:20px; font-weight:100; color:#333; font-size:14px; }
ul.pro-list li div p { padding:0px 20px; }
ul.pro-list li div p b { color:#ff6600; font-weight:bold; margin-right:5px; }
ul.pro-list li div p a.btn-more { margin-top:10px; width:90px; height:20px; background:#ff8800; color:#fff; font-size:12px; line-height:18px; text-indent:20px; 
                                  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px; float:right;}
ul.pro-list li div p a.btn-more:hover { background:#FFC322; }

#pro .pro-right { width:880px; }
#pro .pro-right .pro-title h1 {font-size:20px; color:#ff6600; padding:10px 0; padding-bottom:25px;}
#pro .pro-right .pro-map { padding:10px 15px; background:#FFC322; text-align:right; font-size:12px; color:#fff;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
#pro .pro-right .pro-map b { width:5px; margin:0px 8px; background:url(../images/b_path.png) center no-repeat; display:inline-block; }
#pro .pro-right .pro-map a { display:inline-block; font-size:12px; color:#fff; }
#pro .pro-right .pro-remark { padding-top:25px;font:14px/1.5 "Microsoft YaHei","宋体",Microsoft Sans Serif, Tahoma, Verdana, Arial; }
#pro .pro-right .pro-remark a{ display:inline-block; color:#ff9900; text-decoration:none; }
#pro .pro-right .pro-remark a:hover{ color:#FFC322; text-decoration:underline; }

#pro .pro-right .pro-remark table { max-width:870px; width:100%; }

#pro .pro-right .pro-photo { padding-top:20px; }
#pro .pro-right .pro-photo ul { margin-left:-20px; }
#pro .pro-right .pro-photo ul li { float:left; width:260px; margin-left:20px; overflow:hidden; }
#pro .pro-right .pro-photo div.i-lipic {width:260px; height:182px;}
#pro .pro-right .pro-photo div.i-lipic img { width:260px; height:182px; }
#pro .pro-right .pro-photo div.i-txt {display:none;}
#pro .pro-right .pro-photo div.i-protitle { width:260px; height:36px; line-height:36px; text-align:center; border-top:solid 1px #d4d4d4; }

#links .links-box { padding-top:20px; }
#links .links-box p.txt { margin-left:-10px; }
#links .links-box p.txt a { margin-left:10px; display:inline-block; padding:5px 15px; background:#f3f3f3; margin-bottom:10px; }

div.page-list { border-top:solid 2px #d4d4d4; padding-top:20px; margin-top:20px; text-align:center; }
div.page-list a { display:inline-block; }

.left-banner{ width:270px; height:200px; overflow:hidden; }
.left-banner .banner-img{ position:absolute; }
.left-banner .banner-img li { width:270px; height:200px; }
.left-banner .banner-img li a { display:block; width:270px; height:200px; }
.left-banner .banner-txt{ width:100%; height:26px; position:relative; text-align:center; background:#000; top:174px;
                          filter:alpha(opacity=60);	-moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;
}
.left-banner .banner-txt .banner-nav{ width:100%; position:absolute; padding-top:10px; margin-left:98px; }
.left-banner .banner-txt .banner-nav li { float:left; width:6px; height:6px; margin-left:10px; cursor:pointer; background:#b8b8b8; }
.left-banner .banner-txt .banner-nav li.current { background:#2C99FF; }

.pro-news-list{ padding-top:20px; padding-bottom:20px; padding-left:20px; }
.pro-news-list ul li{font-size:14px; color:#333; list-style:square; height:40px; line-height:39px; border-bottom:dotted 1px #999;}

#player{ width:600px; margin-left:auto; margin-right:auto; }